/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 0. sassCore's style
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  overflow-y: scroll;
  /* 0 */
  -webkit-overflow-scrolling: touch;
  /* 0 */
}

.mfixed {
  background-color: #FFFFFF;
  top: 0;
  position:fixed;
  z-index:99999;
  width:100%;
  left:0;
  border-bottom:1px solid #e8e8e8;
}



/**
 * 1. Remove default margin
 * 0. sassCore's style.
 */
@media screen and (max-width: 1000px) {
body {
  margin: 0;
  /* 1 */
  font-size: 14px;
  /* 0 */
  color: #333;
  /* 0 */
  background-color: #fff;
  /* 0 */
}
}
 @media screen and (min-width: 1000px) {
 body {
  margin: 0;
  /* 1 */
  font-size: 16px;
  /* 0 */
  color: #333;
  /* 0 */
  background-color: #fff;
  /* 0 */
}
}

.hidden { display:none;}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background color from active links in IE 10.
 * 2. Improve readability when focused and also mouse hovered in all browsers.
 * 0. sassCore's style.
 */
a {
  background: transparent;
  /* 1 */
  /* 0 */
  text-decoration: none;
  color: #333;
}

a:hover {
  color: #0066cc;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom: 1; }
.clear{clear:both;}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

html,
button,
input,
select,
textarea {
  /*font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;*/
  font-family: PingFang SC,Arial,Microsoft YaHei,\5FAE软雅黑,\5B8B体,simsun,sans-serif;
}

h1, h2, h3, h4, h5, h6, p, figure, form, blockquote {
  margin: 0;
}

ul, ol, li, dl, dd {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none outside none;
}

.clear {
  clear: both;
}



.fl {
  float: left;
  display: inline;
}

.fr {
  float: right;
  display: inline;
}

.movelink { text-align:center;}


@media screen and (min-width: 1000px) {
   
   .mt110 { margin-top:110px;}

    /*头部*/
   .container { width:1440px; margin:0 auto;}
   .header { padding:10px 0px 4px 0px;}
   .header .top { width:100%; position:relative;}
   .header .logo { float:left;}
   .header .logo img { width:130px; height:50px;}
   .header ul { float:right;}
   .header ul li { float:left; height:50px; line-height:50px; margin-right:42px; font-size:18px; position:relative; padding:0px 10px;}
   .header ul li:nth-child(2) { position:inherit;}
   .header ul li:last-child { margin-right:0px; padding-right:0px;}
   .header ul li a { display:block;}
   .header ul li a:hover {}
   .header ul li em {display: inline-block; font-style:normal; margin-left:4px; font-size:16px;}
   
   
   .header ul li .submenu { position:absolute; top:53px;z-index:9999999; width:90px; height:auto; background-color:#fff; padding:10px 20px 0px; left:-8px; display:none;}
   .header ul li .submenu a { display:block; height:20px; line-height:20px; margin-bottom:24px;}
   .header ul li:hover .submenu  { display:block;}
   .header ul li:hover .prosubmenu  { display:block;border-bottom:1px solid #e8e8e8;}
   .header ul li .prosubmenu { position:absolute; top:53px;z-index:9999999; width:100%; background-color:#fff; padding:10px 0px 0px; left:0px; display:none;
   border-top:1px solid #eee; text-align:center;}
   .header ul li .prosubmenu a { display:inline-block; width:150px; margin:60px 25px;}
   .header ul li .prosubmenu a label { display:block; width: 100%;
    height: 40px;
    position: relative;}
   .header ul li .prosubmenu a label img {position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}
	
   .header ul li .prosubmenu a i { display:block; font-style:normal; margin-top:10px; font-size:16px; text-align:center;}
   
   .header label { display:none;}
   
   
   /*底部*/
   .footer { width:100%; background-color:#333;}
   .footer .webmap { padding-top:35px; color:#fff;  height:auto;}
   .footer .webmap li { border-right: 1px solid #3c3c3c; float:left; padding-right:50px; margin-right:50px; font-size:14px;}
   .footer .webmap li .submenu { margin-top:15px;}
   .footer .webmap li .submenu a { display:block; font-size:12px; color:#a0a0a0; line-height:32px;}
   .footer .webmap li .psubmenu { width:220px;}
   .footer .webmap li .psubmenu a{ float:left; margin-right:20px; width:60px;}
   .footer .webmap li .psubmenu a:nth-child(3n){margin-right:0px;}
   .footer .webmap li a { color:#fff}
    
   .footer .version
	{padding: 16px 0;
  line-height: 26px;
  color: #808080;
  background-color: #252525;}
  .footer .version .info {font-size:12px;color:#a0a0a0; position:relative;}
  .footer .version .info .gongzhonghao {position:absolute; right:0px; text-align:center; font-size:14px; line-height:20px; bottom:-3px;}
  .footer .version .info .gongzhonghao img { width:150px;}
  
  .indexabout { margin-top:80px;}
  .indexabout .left { float:left;width:350px; margin-right:80px;}
  .indexabout .left img {border-radius: 230px; width:350px;}
  .indexabout .right { float:left;width:970px;}
  .indexabout .right .title{ text-align:left; font-size:36px; color:#0068b8; margin-bottom:35px;}
  .indexabout .right .content { line-height:36px;}
  
  
  .indexabout1 {height: 826px; overflow:hidden;}
  .indexabout1 .cnt { height:600px; background-color:#eee;}
  .indexabout1 .cnt .info { padding:60px 0px 0px;}
  .indexabout1 .cnt .info label { font-size:30px; line-height:36px; float:left;}
  .indexabout1 .cnt .info ul { float:right;}
  .indexabout1 .cnt .info li { float:left; margin-right:130px; text-align:center;}
  .indexabout1 .cnt .info li:last-child{ margin-right:0px;}
  
  .indexabout1 .cnt .info li span { display:block; font-size:46px;}
  .indexabout1 .cnt .info li span em { font-size:24px;}
  .indexabout1 .cnt .info li i { font-style:normal; color:#666;} 
  
  .indexabout1 .cnt .about { margin-top:60px; position:relative;}
  .indexabout1 .cnt .about .img { width:630px; float:left;} 
  .indexabout1 .cnt .about .img img { width:100%; height:auto; border-radius: 10px 0 0 0;}
  .indexabout1 .cnt .about .text { width:810px; background-color:#FFFFFF; height:632px; float:left; border-radius: 0 10px 0 0; overflow:hidden;} 
  .indexabout1 .cnt .about .text .title {text-align:left; font-size:36px; color:#0068b8; margin-bottom:35px; margin:50px 0px 0px 80px;}
  .indexabout1 .cnt .about .text .content { line-height:36px; margin:30px 80px 0px 80px; font-size:18px;}
  .indexabout1 .cnt .about a.more { display:block; padding:10px 20px; text-align:center; color:#fff; background-color:#0068b8; width:80px; position:absolute; bottom:7px; right:80px;}
  
  
   .indexproduct {}
   .indexproduct .title {font-size:36px; color:#0068b8; text-align:center;}
   .indexproduct .list { margin-top:40px; height:780px; overflow:hidden;}
   .indexproduct .list li { float:left; margin-right:30px; width:335.5px; border:1px solid #e8e8e8; height:auto; margin-bottom:30px;}
   .indexproduct .list li:nth-child(4n){ margin-right:0px;}
   .indexproduct .list li a { display:block; padding:20px 25px;}
   .indexproduct .list li a .name { font-size:18px; font-weight:bold; margin-bottom:25px;}
   .indexproduct .list li a .pic { width:100%; height:285.5px; position:relative;}
   .indexproduct .list li a .pic img { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .5s;}
   
   .indexnews { width:100%; background-color: #eee; padding:80px 0px;}
   .indexnews .box { float:left; width:calc(50% - 1px);}
   .indexnews .box:nth-child(1){border-right:1px solid #fff;}
   .indexnews .box label{font-size: 36px;color: #0068b8; display:block;}
   .indexnews .box:nth-child(2) label { margin-left:120px;}
   .indexnews .box ul { margin-top:40px;}
   .indexnews .box:nth-child(1) ul { margin-right:120px;}
   .indexnews .box ul li { margin-bottom:30px;}
   .indexnews .box ul li i{ display:block; color:#999; font-size:12px; font-style:normal; margin-bottom:2px;}
   .indexnews .box ul li a { display:block;}
   .indexnews .box ul li:nth-child(1){font-weight:bold;font-size: 22px;}
   .indexnews .box:nth-child(2) ul { margin-left:120px;}
   .indexnews .box:nth-child(2) a.morelink{ margin-left:120px;}
   
   .indexhonner {}
   .indexhonner .title {font-size:36px; color:#0068b8; text-align:center;}
   .indexhonner .list {margin-top:40px;}
   .indexhonner .list li { float:left; width:calc((100% - 90px)/4); background-color:#0068b8; margin-right:30px; padding:10px 0px 10px;border-radius:12px; }
   .indexhonner .list li:nth-child(4n){ margin-right:0px;}
   .indexhonner .list li a { display:block; width:100%; height:400px;position:relative;}
   .indexhonner .list li a img { position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
   .indexhonner .list li label { display:block; text-align:center; color:#fff; height:30px; line-height:30px;}
   
   .adbannerbox { width:100%;}
   .adbannerbox img { width:100%; height:auto;}
   .pageuri { width:100%; height:40px; line-height:40px; background-color:#f7f7f7;}
   .pageuri a { color:#0068b8;}
   
   
   .mt50 { margin-top:50px;}
   
   .productbox {}
   .productbox .catsbox {border-bottom: 1px dashed #dedede; padding-bottom:16px;}
   .productbox .catsbox label{ display:block; float:left; color:#999;margin-right: 25px;margin-top: 3px;}
   .productbox .catsbox a { display:block; float:left; margin-right:15px; padding:5px 8px;}
   .productbox .catsbox a.cur { background-color:#0068b8; color:#fff;}
   .productbox .list { margin-top:30px;}
   .productbox .list li { float:left; margin-right:30px; width:335.5px; border:1px solid #e8e8e8; height:auto; margin-bottom:30px;}
   .productbox .list li:nth-child(4n){ margin-right:0px;}
   .productbox .list li a { display:block; padding:20px 25px;}
   .productbox .list li a .name { font-size:18px; font-weight:bold; margin-bottom:25px;}
   .productbox .list li a .pic { width:100%; height:285.5px; position:relative;}
   .productbox .list li a .pic img { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .5s;}
   
   
   .productinfo {}
   .productinfo .albumbox { width:600px; float:left;}
   .productinfo .albumbox .bigImg {border: 1px solid #f2f2f2; padding:30px; height:400px; position:relative;}
   .productinfo .albumbox .bigImg img {position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;}
	.productinfo .albumbox .smallImg{ margin-top:8px; position:relative;}
	.productinfo .albumbox .smallImg ul { float:left;  margin:0px 15px;}
	.productinfo .albumbox .smallImg ul li{ float:left; border: 1px solid #f2f2f2; padding:5px; width:50px; height:50px; margin-right:8px; position:relative; }
	.productinfo .albumbox .smallImg ul li.cur {border: 2px solid #0068b8;}
	.productinfo .albumbox .smallImg ul li img {position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;}
	
	.productinfo .albumbox .smallImg img.left { float:left; margin-top:15px;}
	.productinfo .albumbox .smallImg img.right { float:right;margin-top:15px;}
	
	.productinfo .desc { width:780px; margin-left:60px; float:left;}
	.productinfo .desc label { display:block; font-size:24px; font-weight:bold; color:#0068b8}
	.productinfo .desc .download { display:block; margin-top:25px; }
	.productinfo .desc .download img { width:30px; height:auto; float:left; line-height:30px;}
	.productinfo .desc .download em { float:left; display:block; font-style:normal; display:block; height:30px; line-height:30px; margin-left:3px;}
	.productinfo .desc .detailtitle { height:34px; line-height:34px; padding-left:10px; border-bottom:1px solid #f2f2f2; font-size:18px; border-left:2px solid #000; margin-top:120px; font-weight:bold;}
	
	.productinfo .desc .content { margin-top:20px; line-height:32px;}
	
	
	
    .newsbox {}
   .newsbox .catsbox {border-bottom: 1px dashed #dedede; padding-bottom:16px;}
   .newsbox .catsbox label{ display:block; float:left; color:#999;margin-right: 25px;margin-top: 3px;}
   .newsbox .catsbox a { display:block; float:left; margin-right:15px; padding:5px 8px;}
   .newsbox .catsbox a.cur { background-color:#0068b8; color:#fff;}
   .newsbox .list { margin-top:30px;}
   .newsbox .list li { height:60px; line-height:60px; border-bottom: 1px dashed #dedede; margin-bottom:10px; }
   .newsbox .list li:last-child{ border-bottom:0px;}
   .newsbox .list li span { float:left; display:block; height:60px; width:15px; background:url(../img/news-dot.png) center no-repeat; margin-right:10px;}
   .newsbox .list li a { display:block; float:left; height:60px; line-height:60px; width:88%; overflow:hidden;}
   .newsbox .list li em { font-style:normal; display:block; float:right; line-height:60px; height:60px;  background:url(../img/news-time.png) left no-repeat; padding-left:24px; font-size:14px; color:#999;}
   
   .newsinfo {}
   .newsinfo .titlebox { border-bottom:1px solid #e8e8e8; padding-bottom:22px;}
   .newsinfo .titlebox .title { text-align:center; font-size:24px;}
   .newsinfo .titlebox .date { text-align:center; font-size:14px; color:#999; margin-top:12px;}
   .newsinfo .content { margin-top:25px;line-height: 32px;}
   .newsinfo .content img { max-width:100%; margin-top:10px; height:auto;}
   
   
   .casebox {}
   .casebox .catsbox {border-bottom: 1px dashed #dedede; padding-bottom:16px;}
   .casebox .catsbox label{ display:block; float:left; color:#999;margin-right: 25px;margin-top: 3px;}
   .casebox .catsbox a { display:block; float:left; margin-right:15px; padding:5px 8px;}
   .casebox .catsbox a.cur { background-color:#0068b8; color:#fff;}
   .casebox .list { margin-top:30px;}
   .casebox .list li { float:left; margin-right:30px; width:calc((100% - 90px)/4); height:auto; margin-bottom:30px;}
   .casebox .list li:nth-child(4n){ margin-right:0px;}
   .casebox .list li a { display:block; padding:20px 25px;  border:1px solid #e8e8e8; height:200px;position:relative;}
   .casebox .list li a img { position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all .5s;}
   .casebox .list li .name { margin-top:5px; line-height:30px; height:30px; overflow:hidden; text-align:center;}
   
   .caseinfo {}
   .caseinfo .titlebox { border-bottom:1px solid #e8e8e8; padding-bottom:22px;}
   .caseinfo .titlebox .title { text-align:center; font-size:24px;}
   .caseinfo .titlebox .date { text-align:center; font-size:14px; color:#999; margin-top:12px;}
   .caseinfo .content { margin-top:25px;line-height: 32px;}
   .caseinfo .content img { max-width:100%; margin-top:10px; height:auto;}
   
   
   .aboutbox {}
   .aboutbox .catsbox {border-bottom: 1px dashed #dedede; padding-bottom:16px; text-align:center;}
   .aboutbox .catsbox a { margin-right:40px; padding:5px 18px;}
   .aboutbox .catsbox a.cur { background-color:#0068b8; color:#fff;}
   .aboutbox .catsbox a:last-child { margin-right:0px;}
   .aboutbox .content { margin-top:30px;line-height: 32px;}
   
   .aboutbox .honorlist{ margin-top:30px;}
   .aboutbox .honorlist li { float:left; width:calc((100% - 90px)/4); background-color:#0068b8; margin-right:30px; padding:10px 0px 10px;border-radius:12px; margin-bottom:30px; }
   .aboutbox .honorlist li:nth-child(4n){ margin-right:0px;}
   .aboutbox .honorlist li a { display:block; width:100%; height:400px;position:relative;}
   .aboutbox .honorlist li a img { position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
   .aboutbox .honorlist li label { display:block; text-align:center; color:#fff; height:30px; line-height:30px;}
   
   .aboutbox .faqlist{ margin-top:30px; width:70%; margin:30px auto;}
   .aboutbox .faqlist li {border: 1px solid #e8e8e8; margin-bottom:20px;}
   .aboutbox .faqlist li .answer { height:35px; line-height:35px; border-bottom:1px solid #e8e8e8; background-color:#f5f5f5; padding:0px 20px; font-weight:bold;}
   .aboutbox .faqlist li .question { padding:15px 20px;}
   
   .contactbox {}
   .contactbox .left { float:left; width:450px;}
   .contactbox .left .name { font-size:24px; font-weight:bold;}
   .contactbox .left .cnt { margin-top:30px; line-height: 32px;}
   .contactbox .right { float:left; width:950px; margin-left:40px;}
   .contactbox .right img { width:100%; height:auto;}
   
   
   .showHonorSmark {background-color:#000; left:0px; top:0px; width:100%; height:100%; z-index:99999999; position: fixed; opacity: .5;
  filter: alpha(opacity=50);}
   .showHonorBox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999999;
    }
	.showHonorBox a.closebox { display:block; height:40px; line-height:40px; text-align:right; padding-right:10px; background-color:#fff; font-size:30px;}
	.showHonorBox img { width:100%; height:auto;}
   
}

@media screen and (max-width: 1000px) {

   .mt110 { margin-top:50px;}
   
    /*头部*/
   .container { width:90%; margin:0 auto; position:relative;}
   .header { width:100%;  padding:10px 0px;}
   .header .logo { float:left;}
   .header .logo img {height:40px;}
   .header .pc { display:none;}
   .header label {position: absolute;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    right: 0px;
    font-weight: bold;}
	
	.wapmenusmark {background-color:#000; left:0px; top:0px; width:100%; height:100%; z-index:99999999; position: fixed; opacity: .5;
  filter: alpha(opacity=50);}
    .wapmenu { background-color:#FFFFFF; left:0px; top:0px; width:90%; height:100%; z-index:999999999; position: fixed; overflow:hidden;}
	.wapmenu .m { margin:0 20px; font-size:20px; font-weight:bold; position:relative; margin-top:10px;}
	.wapmenu .m span { position:absolute; right:0px; font-weight:normal;}
	.wapmenu .menu {padding:20px; overflow:hidden;}
	.wapmenu .menu .li {
	 height:60px;
	 line-height:60px;
	 border-bottom:1px solid #eae8e8;
	 font-size:16px;
	
	}
	.wapmenu .menu .li a { display:block; width:100%; position:relative; height:60px;}
	.wapmenu .menu .li a em { position:absolute; right:0px; font-size:18px;}
	
	
	/*底部*/
   .footer { width:100%; background-color:#333;}
   .footer .webmap { padding-top:35px; color:#fff;  height:auto; display:none;}
   .footer .webmap li { border-right: 1px solid #3c3c3c; float:left; padding-right:50px; margin-right:50px; font-size:14px;}
   .footer .webmap li .submenu { margin-top:15px;}
   .footer .webmap li .submenu a { display:block; font-size:12px; color:#a0a0a0; line-height:32px;}
   .footer .webmap li a { color:#fff}
    
   .footer .version
	{padding: 16px 0;
  line-height: 26px;
  color: #808080;
  background-color: #252525;}
  .footer .version .info {font-size:12px;color:#a0a0a0; position:relative; text-align:center;}
  .footer .version .info .gongzhonghao {position:absolute; right:0px; text-align:center; font-size:14px; line-height:20px; bottom:-3px; display:none;}
  .footer .version .info .gongzhonghao img { width:150px;}
  
  
  .indexabout1 {height: 585px; overflow:hidden;}
  .indexabout1 .cnt { height:380px; background-color:#eee;}
  .indexabout1 .cnt .info { padding:30px 0px 0px;}
  .indexabout1 .cnt .info label { font-size:24px; line-height:32px; display:block; text-align:center;}
  .indexabout1 .cnt .info ul { display:block; width:100%; margin-top:20px;}
  .indexabout1 .cnt .info li { float:left; width:calc(100%/3);text-align:center;}
  .indexabout1 .cnt .info li:last-child{ margin-right:0px;}
  
  .indexabout1 .cnt .info li span { display:block; font-size:28px;}
  .indexabout1 .cnt .info li span em { font-size:24px; font-style:normal;}
  .indexabout1 .cnt .info li i { font-style:normal; color:#666;} 
  
  .indexabout1 .cnt .about { margin-top:30px; position:relative;}
  .indexabout1 .cnt .about .img { width:100%; display:none;} 
  .indexabout1 .cnt .about .img img { width:100%; height:auto;}
  .indexabout1 .cnt .about .text { width:100%; background-color:#FFFFFF; height:auto; padding-bottom:20px;border-radius: 6px;} 
  .indexabout1 .cnt .about .text .title {text-align:center; font-size:24px; color:#0068b8; padding:20px 0px 0px 0px;}
  .indexabout1 .cnt .about .text .content { line-height:28px; margin:20px 20px 0px 20px;}
  .indexabout1 .cnt .about a.more { display:block; padding:10px 20px; text-align:center; color:#fff; background-color:#0068b8; width:80px; position:absolute; left:calc(50% - 60px); display:none;}
  
   .indexproduct {}
   .indexproduct .title {font-size:24px; color:#0068b8; text-align:center;}
   .indexproduct .list { margin-top:30px; height:auto; overflow:hidden;}
   .indexproduct .list li { float:left; margin-right:10px; width:calc((100% - 14px)/2); border:1px solid #e8e8e8; height:auto; margin-bottom:10px;}
   .indexproduct .list li:nth-child(2n){ margin-right:0px;}
   .indexproduct .list li a { display:block; padding:15px 15px;}
   .indexproduct .list li a .name { font-size:16px; font-weight:bold; margin-bottom:25px; text-align:center;}
   .indexproduct .list li a .pic { width:100%; position:relative;}
   .indexproduct .list li a .pic img { width:100%; height:auto;}
   
   
   .indexnews { width:100%; background-color: #eee; padding:20px 0px;}
   .indexnews .box { width:100%;}
   .indexnews .box:nth-child(1){ margin-bottom:40px;}
   .indexnews .box label{font-size: 24px;color: #0068b8; display:block; text-align:center;}
  /* .indexnews .box:nth-child(2) label { margin-left:120px;}*/
   .indexnews .box ul { margin-top:30px;}
   /*.indexnews .box:nth-child(1) ul { margin-right:120px;}*/
   .indexnews .box ul li { margin-bottom:20px;}
   .indexnews .box ul li i{ display:block; color:#999; font-size:12px; font-style:normal; margin-bottom:2px;}
   .indexnews .box ul li a { display:block;}
   .indexnews .box ul li:nth-child(1){font-weight:bold;font-size: 18px;}
   /*.indexnews .box:nth-child(2) ul { margin-left:120px;}*/
   /*.indexnews .box:nth-child(2) a.morelink{ margin-left:120px;}*/
   
   .indexhonner {}
   .indexhonner .title {font-size:24px; color:#0068b8; text-align:center;}
   .indexhonner .list {margin-top:30px;}
   .indexhonner .list li { float:left; width:calc((100% - 10px)/2); background-color:#0068b8; margin-right:10px; padding:20px 0px 10px;border-radius:12px; margin-bottom:10px}
   .indexhonner .list li:nth-child(2n){ margin-right:0px;}
   .indexhonner .list li a { display:block; width:90%; margin:0 auto;}
   .indexhonner .list li a img { width:100%; height:auto;}
   .indexhonner .list li label { display:block; text-align:center; color:#fff; height:30px; line-height:30px;}
   
   .adbannerbox { width:100%;}
   .adbannerbox img { width:100%; height:auto;}
   .pageuri { width:100%; height:40px; line-height:40px; background-color:#f7f7f7;}
   .pageuri a { color:#0068b8;}
   
   .mt50 { margin-top:25px;}
   
   .productbox {}
   .productbox .catsbox {border-bottom: 1px dashed #dedede; padding-bottom:4px;}
   .productbox .catsbox label{ display:block; float:left; color:#999;margin-right: 25px;margin-top: 3px;}
   .productbox .catsbox a { display:block; float:left; margin-right:15px; padding:5px 8px;margin-bottom: 12px;}
   .productbox .catsbox a.cur { background-color:#0068b8; color:#fff;}
   .productbox .list { margin-top:20px;}
   .productbox .list li { float:left; margin-right:10px; width:calc((100% - 14px)/2); border:1px solid #e8e8e8; height:auto; margin-bottom:10px;}
   .productbox .list li:nth-child(2n){ margin-right:0px;}
   .productbox .list li a { display:block; padding:15px 15px;}
   .productbox .list li a .name { font-size:16px; font-weight:bold; margin-bottom:25px; text-align:center;}
   .productbox .list li a .pic { width:100%; position:relative;}
   .productbox .list li a .pic img { width:100%; height:auto;}
   
   
   .productinfo {}
   .productinfo .albumbox { width:100%;}
   .productinfo .albumbox .bigImg {border: 1px solid #f2f2f2; padding:20px 0px; height:auto;}
   .productinfo .albumbox .bigImg img {width:50%; height:auto; margin-left:25%;}
	.productinfo .albumbox .smallImg{ margin-top:8px; position:relative;}
	.productinfo .albumbox .smallImg ul { float:left;  margin:0px 15px; width:calc(100% - 65px); overflow:hidden; height:65px;}
	.productinfo .albumbox .smallImg ul li{ float:left; border: 1px solid #f2f2f2; padding:5px; width:50px; height:50px; margin-right:8px; position:relative; }
	.productinfo .albumbox .smallImg ul li.cur {border: 2px solid #0068b8;}
	.productinfo .albumbox .smallImg ul li img {position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;}
	
	.productinfo .albumbox .smallImg img.left { float:left; margin-top:15px;}
	.productinfo .albumbox .smallImg img.right { float:right;margin-top:15px;}
	
	.productinfo .desc { width:100%; margin-top:28px;}
	.productinfo .desc label { display:block; font-size:24px; font-weight:bold; color:#0068b8; text-align:center;}
	.productinfo .desc .download { display:block; margin-top:25px; }
	.productinfo .desc .download img { width:30px; height:auto; float:left; line-height:30px;}
	.productinfo .desc .download em { float:left; display:block; font-style:normal; display:block; height:30px; line-height:30px; margin-left:3px;}
	.productinfo .desc .detailtitle { height:34px; line-height:34px; padding-left:10px; border-bottom:1px solid #f2f2f2; font-size:18px; border-left:2px solid #000; margin-top:35px; font-weight:bold;}
	
	.productinfo .desc .content { margin-top:20px; line-height:32px;}
	
	
	.newsbox {}
   .newsbox .catsbox {border-bottom: 1px dashed #dedede; padding-bottom:4px;}
   .newsbox .catsbox label{ display:block; float:left; color:#999;margin-right: 25px;margin-top: 3px;}
   .newsbox .catsbox a { display:block; float:left; margin-right:15px; padding:5px 8px;margin-bottom: 12px;}
   .newsbox .catsbox a.cur { background-color:#0068b8; color:#fff;}
   .newsbox .list { margin-top:20px;}
   .newsbox .list li {border-bottom: 1px dashed #dedede; margin-bottom:10px; padding:0px 0px 10px; }
   .newsbox .list li:last-child{ border-bottom:0px;}
   .newsbox .list li span { float:left; display:block;width:15px; height:15px; background:url(../img/news-dot.png) top no-repeat; margin-right:10px;margin-top: 5px;}
   .newsbox .list li a { display:block; float:left; width:calc(100% - 25px);}
   .newsbox .list li em { font-style:normal; display:block; line-height:20px; height:20px; width:100%;  padding-left:26px; font-size:12px; color:#999; margin-top:5px; float:left; }
   
   .newsinfo {}
   .newsinfo .titlebox { border-bottom:1px solid #e8e8e8; padding-bottom:12px;}
   .newsinfo .titlebox .title { text-align:center; font-size:20px;}
   .newsinfo .titlebox .date { text-align:center; font-size:12px; color:#999; margin-top:8px;}
   .newsinfo .content { margin-top:16px;line-height: 26px;}
   .newsinfo .content img { max-width:100%; margin-top:6px; height:auto;}
   
   .casebox {}
   .casebox .catsbox {border-bottom: 1px dashed #dedede; padding-bottom:16px;}
   .casebox .catsbox label{ display:block; float:left; color:#999;margin-right: 25px;margin-top: 3px;}
   .casebox .catsbox a { display:block; float:left; margin-right:15px; padding:5px 8px;}
   .casebox .catsbox a.cur { background-color:#0068b8; color:#fff;}
   .casebox .list { margin-top:30px;}
   .casebox .list li { float:left; margin-right:10px; width:calc((100% - 10px)/2); height:auto; margin-bottom:10px;}
   .casebox .list li:nth-child(2n){ margin-right:0px;}
   .casebox .list li a { display:block; padding:15px;  border:1px solid #e8e8e8; height:auto;position:relative;}
   .casebox .list li a img { width:100%; height:auto;}
   .casebox .list li .name { margin-top:5px; line-height:30px; height:30px; overflow:hidden; text-align:center;}
   
   .caseinfo {}
   .caseinfo .titlebox { border-bottom:1px solid #e8e8e8; padding-bottom:12px;}
   .caseinfo .titlebox .title { text-align:center; font-size:20px;}
   .caseinfo .titlebox .date { text-align:center; font-size:12px; color:#999; margin-top:8px;}
   .caseinfo .content { margin-top:16px;line-height: 26px;}
   .caseinfo .content img { max-width:100%; margin-top:6px; height:auto;}
   
   .aboutbox {}
   .aboutbox .catsbox {border-bottom: 1px dashed #dedede; padding-bottom:16px; text-align:center;}
   .aboutbox .catsbox a { margin-right:40px; padding:5px 15px;}
   .aboutbox .catsbox a.cur { background-color:#0068b8; color:#fff;}
   .aboutbox .catsbox a:last-child { margin-right:0px;}
   .aboutbox .content { margin-top:16px;line-height: 26px;}
   .aboutbox .content img { max-width:100%; height:auto;}
   
   .aboutbox .honorlist{ margin-top:30px;}
   .aboutbox .honorlist li { float:left; width:calc((100% - 10px)/2); background-color:#0068b8; margin-right:10px; padding:20px 0px 10px;border-radius:12px; margin-bottom:10px}
   .aboutbox .honorlist li:nth-child(2n){ margin-right:0px;}
   .aboutbox .honorlist li a { display:block; width:90%; margin:0 auto;}
   .aboutbox .honorlist li a img { width:100%; height:auto;}
   .aboutbox .honorlist li label { display:block; text-align:center; color:#fff; height:30px; line-height:30px;}
   
   
   .aboutbox .faqlist{width:100%; margin:20px auto;}
   .aboutbox .faqlist li {border: 1px solid #e8e8e8; margin-bottom:20px;}
   .aboutbox .faqlist li .answer { height:35px; line-height:35px; border-bottom:1px solid #e8e8e8; background-color:#f5f5f5; padding:0px 20px; font-weight:bold;}
   .aboutbox .faqlist li .question { padding:15px 20px;}
   
   .contactbox {}
   .contactbox .left {width:100%;}
   .contactbox .left .name { font-size:18px; font-weight:bold;}
   .contactbox .left .cnt { margin-top:15px; line-height: 28px;}
   .contactbox .right { width:100%; margin-top:15px;}
   .contactbox .right img { width:100%; height:auto;}
   
   .showHonorSmark {background-color:#000; left:0px; top:0px; width:100%; height:100%; z-index:99999999; position: fixed; opacity: .5;
  filter: alpha(opacity=50);}
   .showHonorBox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999999;
	 width:90%;
    }
	.showHonorBox a.closebox { display:block; height:40px; line-height:40px; text-align:right; padding-right:10px; background-color:#fff; font-size:30px;}
	.showHonorBox img {width:100%; height:auto;}
   
}